<template>
  <body class="flat-blue">
  <div class="app-container">
    <div class="row content-container">
      <header-compoment title="VueKit" :user-info="userInfo"></header-compoment>
      <menu :menu-list="menuList"></menu>
      <div class="container-fluid">
        <div class="side-body padding-top">
          <div class="row">
            <router-view></router-view>
          </div>
        </div>
      </div>
    </div>
  </div>
  </body>
</template>

<script>
  require('./assets/flat/lib/css/bootstrap.min.css');
  require('./assets/flat/lib/css/font-awesome.min.css');
  require('./assets/flat/lib/css/bootstrap-switch.min.css');
  require('./assets/flat/lib/css/checkbox3.min.css');
  require('./assets/flat/lib/css/dataTables.bootstrap.css');
  require('./assets/flat/lib/css/select2.min.css');
  require('./assets/flat/css/style.css');
  require('./assets/flat/css/themes.css');
  require('./assets/flat/css/themes/flat-green.css');
  require('./assets/flat/lib/js/jquery.min');
  require('./assets/flat/lib/js/bootstrap.min');
  require('./assets/flat/lib/js/bootstrap-switch.min');
  require('./assets/flat/lib/js/jquery.matchHeight-min');
  require('./assets/flat/lib/js/select2.full.min');
  require('./assets/flat/js/app');
  import $ from 'jquery';
  import HeaderCompoment from './components/common/header/HeaderCompoment.vue'

  export default {
    components: {
      HeaderCompoment,
    },
    asyncData() {
      var _self = this;
      $.get(window.serverUrl + 'admin/common/loadMenu', function (rs) {
        _self.menuList = rs;
      });
    },
    data(){
      return {
        userInfo: {
          name: "kira",
          info: "529280602@qq.com"
        },
        menuList:[]
      }
    }
  }
</script>

